
@extends('home.public.master')
@section('content')
    <div class="main-container container">
        <ul class="breadcrumb">
            <li><a href="/"><i class="fa fa-home"></i></a></li>
            <li><a href="javascript:;">个人中心</a></li>
            <li><a href="Javascript:;">我的足迹</a></li>
        </ul>
        <div class="row">
            <!--Middle Part Start-->
            <div id="content" class="col-sm-9">
                <h1 class=""> 您好:</h1>
                <h3 style="color: orangered;" class="title">&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
                    &nbsp;{{auth()->user()->name}}</h3>

                <div class="products-list row nopadding-xs so-filter-gird" style="margin-top: 20px;">
                    {{--循环商品--}}
                    @foreach($tracks as $value)
                        <div class="product-layout col-lg-15 col-md-4 col-sm-6 col-xs-12 text-center">
                            <div class="product-item-container">
                                <div class="left-block left-b" style="width: 200px; height: 200px;">
                                    <div class="box-label">
                                        {{--<span class="label-product label-sale">-15%</span>--}}
                                    </div>
                                    <div class="product-image-container second_img text-center">
                                        <a style="width: 190px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;" href="{{route('showGoods',$value)}}" target="_self" title="{{$value['get_goods']['name']}}" >
                                            <img src="{{$value['get_goods']['pictures'][0]}}" class="img-1 img-responsive text-center" alt="image1">
                                            <img src="{{$value['get_goods']['pictures'][0]}}" class="img-2 img-responsive" alt="image2">
                                        </a>

                                    </div>
                                    <!--quickview-->
                                    <div class="so-quickview">
                                        <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="{{route('quickView',$value)}}" title="快速查看" data-fancybox-type="iframe"><i class="fa fa-eye"></i><span>快速查看</span></a>
                                    </div>
                                    <!--end quickview-->

                                </div>
                                <div class="right-block">
                                    <div class="button-group so-quickview cartinfo--left">
                                        <button type="button" class="addToCart" title="加入购物车" onclick="cart.add('60 ');">
                                            <span>加入购物车 </span>
                                        </button>
                                        <button type="button" class="wishlist btn-button" title="收藏" onclick="wishlist.add('60');"><i class="fa fa-heart-o"></i><span>收藏</span>
                                        </button>
                                        {{--<button type="button" class="compare btn-button" title="Compare this Product " onclick="compare.add('60');"><i class="fa fa-retweet"></i><span>查看商品</span>--}}
                                        {{--</button>--}}
                                    </div>
                                    <div class="caption hide-cont">
                                        <div class="ratings">
                                            <div class="rating-box">    <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                                <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
                                            </div>
                                            <span class="rating-num">( 3 )</span>
                                        </div>
                                        <h4 style="width: 190px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
                                            <a  href="{{route('showGoods',$value)}}" title="Pastrami bacon" target="_self">{{$value['get_goods']['name']}}</a>
                                        </h4>
                                    </div>
                                    <p class="price">
                                        <span class="price-new">{{$value['get_goods']['price']}}</span>
                                        {{--<span class="price-old">$59.00</span>--}}
                                    </p>
                                    <div class="description item-desc">
                                        <p>{{$value['get_goods']['brief']}}</p>
                                    </div>
                                    <div class="list-block">
                                        <button class="addToCart btn-button" type="button" title="加入购物车" onclick="cart.add('101', '1');"><i class="fa fa-shopping-basket"></i>
                                        </button>
                                        <button class="wishlist btn-button" type="button" title="收藏" onclick="wishlist.add('101');"><i class="fa fa-heart"></i></button>
                                    {{--<button class="compare btn-button" type="button" title="Compare this Product" onclick="compare.add('101');"><i class="fa fa-refresh"></i>--}}
                                    {{--</button>--}}
                                    <!--quickview-->
                                        <a class="iframe-link btn-button quickview quickview_handler visible-lg" href="{{route('quickView',$value)}}" title="快速查看" data-fancybox-type="iframe"><i class="fa fa-eye"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
            @include('home.public.left')
        </div>
    </div>
@endsection

















